<script>
    import ActionList from "../base/ActionList.svelte";
    import {onMount} from "svelte";
    import action from "../../scripts/character/action.js";
    import Remilia from "../../scripts/character/instance/Remilia.js";

    export let where;
    export let build_data = {
        "id": 1,
        "row": 18,
        "col": 2,
        "master": true,
        "power": "红魔馆",
        "save": {
            "name": "红魔馆",
            "security": 89,
            "prosperity": 78,
            "description": "阴森森的红魔馆，是吸血鬼蕾米莉亚的府邸"
        }
    };

    let items = [{
        text: "围城",
        description: "对指定的城市进行围城",
        callback(target, source = this) {
        }
    }, {
        text: "补给交易",
        description: "和城市的商人做个交易...",
        callback(target, source = this) {
        }
    }]

    onMount(
        () => {

        }
    )

</script>

<div class="builderActionList">
    <b style="display: block;margin: 0px 4px 10px">
        {build_data.save.name}({where.col}, {where.row})
    </b>
    <hr>
    {#each items as item}
        <ActionList {item} />
    {/each}

</div>

<style lang="less">
  .builderActionList {
    padding: 10px 0;
    box-sizing: border-box;
  }
</style>